<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>无痕知识库</title>
    <link rel="stylesheet" href="./static/css/bootstrap-icons.css">
    <link rel="stylesheet" href="./static/css/bootstrap.css">
    <link rel="stylesheet" href="./static/css/Common.css">


</head>

<body>
    <div class="container-fluid px-0 ">
        <nav class="navbar navbar-expand bg-light navbar-light justify-content-between shadow py-2 px-4 z-index-4">
            <!-- Links -->
            <button class="nav-button" id="nav-button"><i class="bi bi-justify"></i></button>
            <span class="avatar" href="#"><img src="./static/imge/Icon4.jpeg" alt="AUserAccountPictures"></span>
            <ul class="navbar-nav user-my mr-3">
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle" id="UserManager" data-toggle="dropdown"
                        aria-expanded="false"><span class="avatar" href="#"><img src="./static/imge/Icon4.jpeg"
                                alt="AUserAccountPictures"></span>&emsp;CoutCin</a>
                    <div class="dropdown-menu" aria-labelledby="UserManager">
                        <a href="index.html" class="dropdown-item">首页</a>
                        <a href="" class="dropdown-item">文章管理</a>
                        <a href="" class="dropdown-item">新建文章</a>
                        <div class="dropdown-divider"></div>
                        <a href="" class="dropdown-item">退出登录</a>
                    </div>
                </li>
            </ul>
        </nav>
        <!-- main -->
        <div class="d-flex align-items-stretch">
            <div class="sidenav py-3" id="sidenav">
                <div class="sidenav-list-group">
                    <a href="manager.html" class="sidenav-list-item"><i class="bi bi-house m-2"></i><span>个人主页</span></a>
                    <a href="articleManager.html" class="sidenav-list-item active"><i class="bi bi-book m-2"></i><span>文章管理</span></a>
                    <a href="categoriesManager.html" class="sidenav-list-item"><i class="bi bi-tags m-2"></i><span>分类管理</span></a>
                    <a href="article.html" class="sidenav-list-item"><i
                            class="bi bi-file-plus m-2"></i><span>新增文章</span></a>
                    <a href="person.html" class="sidenav-list-item"><i class="bi bi-person  m-2"></i><span>个人设置</span></a>
                </div>
            </div>
            <div class="page-manager min-vh-100">
                <div class="container-fluid px-5">
                    <H1 class="page-heading">文章管理</H1>
                    <div class="row mt-4">
                        <div class="col">
                            <div class="card-my">
                                <div class="card-body">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>
                                            <button class="btn btn-theme">新建</button>
                                            <button class="btn btn-theme">删除</button>
                                        </div>
                                        <div>

                                        </div>
                                    </div>
                                    <div class="card-body min-vh-60">
                                        <table class="table">
                                            <thead class="thead-dark">
                                              <tr>
                                                <th scope="col">#</th>
                                                <th scope="col">id</th>
                                                <th scope="col">First</th>
                                                <th scope="col">Last</th>
                                                <th scope="col">Handle</th>
                                              </tr>
                                            </thead>
                                            <tbody>
                                              <tr>
                                                <th><input class="" type="checkbox" id="inlineCheckbox1" value="option1"></th>
                                                <th scope="row">1</th>
                                                <td>Mark</td>
                                                <td>Otto</td>
                                                <td>@mdo</td>
                                              </tr>
                                              <tr>
                                                <th><input class="" type="checkbox" id="inlineCheckbox1" value="option1"></th>
                                                <th scope="row">2</th>
                                                <td>Jacob</td>
                                                <td>Thornton</td>
                                                <td>@fat</td>
                                              </tr>
                                              <tr>
                                                <th><input class="" type="checkbox" id="inlineCheckbox1" value="option1"></th>
                                                <th scope="row">3</th>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                              </tr>
                                              <tr>
                                                <th><input class="" type="checkbox" id="inlineCheckbox1" value="option1"></th>
                                                <th scope="row">3</th>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                              </tr>
                                              <tr>
                                                <th><input class="" type="checkbox" id="inlineCheckbox1" value="option1"></th>
                                                <th scope="row">3</th>
                                                <td>Larry</td>
                                                <td>the Bird</td>
                                                <td>@twitter</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                    </div>
                                    <div class="card-body d-flex justify-content-end">
                                        <nav >
                                            <ul class="pagination ">
                                              <li class="page-item">
                                                <a class="page-link" href="#" aria-label="Previous">
                                                  <span aria-hidden="true">&laquo;</span>
                                                </a>
                                              </li>
                                              <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                              <li class="page-item"><a class="page-link" href="#">2</a></li>
                                              <li class="page-item"><a class="page-link" href="#">3</a></li>
                                              <li class="page-item">
                                                <a class="page-link" href="#" aria-label="Next">
                                                  <span aria-hidden="true">&raquo;</span>
                                                </a>
                                              </li>
                                            </ul>
                                          </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>

    </div>
    <!-- 弹框 -->


    <script src="./static/js/jquery-3.6.0.js"></script>
    <script src="./static/js/popper.js"></script>
    <script src="./static/js/bootstrap.js"></script>
    <script src="./static/js/echarts.js"></script>
    <!-- Scripts -->
    <!-- <script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script> -->
    <script src="./static/js/common.js"></script>
    <!-- <script src="./static/js/article.js"></script> -->


</body>

</html>